<!DOCTYPE html>
<html>
	<head>
		<meta name="个人名片 九墨" content="text/html; charset=utf-8">
		<title>个人名片</title>
		  <style>
		  	span{color:#FF99FF;}
		  </style>
		  <link rel="stylesheet" href="styles.css">
		  <link rel="shortcut icon" href="./favicon.icon"/>
	</head>
	<body>
		<h1>个人名片</h1>
		<audio controls autoplay loop muted>
		  <source src="休比.flac" type="audio/flac">
		  <source src="休比.ogg" type="audio/ogg">
		  <p>你的浏览器不支持 HTML5 音频，可点击<a href="休比.mp3">此链接</a>收听。</p>
		</audio>
		<div><ol>
		  <li><p><span>姓名：陈俊明</span></p></li>
		<li>
		  <p class="seven" lang=less>笔名：九墨</p></li>
		<li>
		  <p class="eight">爱好：</p>
		<ul>
		  <li class="one">学习</li>
		  <li><em>乒乓</em></li>
		  <li class="nine">单簧管</li></ul></li>
		<li>
			<p><p class="six">接下来的学习计划：</p>
            <ul>
                <li class="two">继续熟练html，css。</li>
                <li class="three">学习js，三者尝试应用</li>
				<li class="four">若还有时间，学习c++</li>
				<p class="five">(加油努力吧。。)</p>
			</ul>
		</p></li></ol></div>
		<img src="http://www.005.tv/uploads/allimg/191024/67-191024162Q0H8.jpg"
		    width="400"
            height="600">
	</body>
</html>


